.userSelect {
    .users {
        width: 100%;
        border: 1px solid #2680eb;
        max-height: 420px;
        overflow: auto;
        font-size: 14px;
    }

    dl {
        width: 100%;
        margin-bottom: 2px;

        dt,
        dd {
            list-style: none;
            padding: 0 15px;
        }

        dt {
            width: 100%;
            background: rgba(38, 128, 235, 0.1);
            height: 48px;
            font-weight: bold;
            line-height: 48px;
            color: rgba(81, 90, 110, 1);

            a.op {
                height: 26px;
                width: 26px;
                text-align: center;
                display: inline-block;
                padding-top: -15px;
                line-height: 100%;
                margin-top: 12px;
            }

            a.op:hover {
                color: white;
                background: rgba(38, 128, 235, 1.5);
                border-radius: 4px;
            }
        }

        dt.checked {
            background: rgba(38, 128, 235);
            color: white;

            a.op {
                color: white;
            }

            a.op:hover {
                background: white;
                color: rgba(38, 128, 235);
            }
        }

        dd {
            min-width: 120px;
            line-height: 32px;
            height: 36px;
            border-radius: 18px;
            display: inline-block;
            background: rgba(38, 128, 235, 0.1);
            border: 2px solid transparent;
            // color: @table-color;
            margin: 10px;

            a {
                display: inline-flex;
                width: 20px;
                height: 20px;
                border-radius: 4px;
                border: 1px solid transparent;
                justify-items: center;
                align-items: center;
                margin-top: 5px;
            }

            a:hover {
                background: rgb(241, 14, 14);
                color: white;
            }
        }

        dd:hover {
            // background: rgba(38, 128, 235, 1);
            //  border:1px solid rgba(38,128,235,0.1);
            background: rgba(38, 128, 235, 0.1);
            border: 2px solid rgba(38, 128, 235, 1);
            //  color: white;
            cursor: pointer;
        }

        dd.checked {
            border: 2px solid rgba(38, 128, 235, 1);
        }
    }

    .footer {
        margin-top: 5px;
        min-height: 68px;

        dl {
            background: rgba(245, 246, 250, 1);
            border: 1px solid rgba(220, 223, 230, 1);
            opacity: 1;
            border-radius: 4px;
            min-height: 48px;
            flex-wrap: wrap;
        }
    }
}